<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/12/28
  Time: 9:15
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Ajax跨域</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.4.1.min.js"></script>
    <script>
        function f1(){
            // 在JS代码中,理论上是无法跨域的,只有对应的HTML标签能实现跨域
            // 因此,我们可以通过JS代码去生成可以跨域的标签
            // 此处,将script标签以JS代码的方式进行实现
            // 创建一个script标签
            let s = $("<script>");
            // 为创建的标签设置属性
            s.attr("type","text/javascript");
            s.attr("src","http://192.168.31.98:8080/ajax/jp?callback=fn");
            $("#b").append(s);
        }
        function fn(a){
            console.log(a);
        }
    </script>
</head>
<body id="b">
<button onclick="f1()">测试</button>
</body>
</html>
